<%--
  Created by IntelliJ IDEA.
  User: Lu
  Date: 2019/8/15/015
  Time: 17:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="${pageContext.request.contextPath}/">
    <title>商品列表</title>
    <link rel="stylesheet" href="css/bootstrapcss/bootstrap.css">
    <script src="js/jquery-2.2.4.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/front-js/mzp-packed.js"></script>


    <style>
        .list-tab{
         margin-top: 20px;
            padding-left: 20px;
        }
        .list-tab:hover{
            border: 1px solid red;
        }

    </style>



</head>
<body>
<%--导入头部--%>
<jsp:include page="front-head.jsp"></jsp:include>


<div class="product-head">
        <div class="col-md-12 column">
            <img src="image/xiangbao-title.jpg" style="width: 100%;margin-left:0;height: 100%">
        </div>



    <div class="container">
            <div class="col-md-1 column">
            </div>


              <%--每列三张图片--%>
            <div class="col-md-10 column">

                <div class="row">
                    <div class="col-sm-4 list-tab" style="height: 450px" >
                        <img src="image/product/s_big_1.jpg"  alt="" class="img-responsive" style="width: 250px;height: 300px">
                        <p style="white-space:normal;text-align: center">TOUTOU 玫瑰金包包角合玫瑰金包包</p>
                        <p style="text-align: center">$168</p>
                       <p style="position: absolute;top:430px">2ss2</p>
                    </div>

                    <div class="col-sm-4 list-tab" style="height: 450px">
                        <img src="image/product/s_big_1.jpg"  alt="" class="img-responsive" style="width: 250px;height: 300px">
                        <p style="white-space:normal;text-align: center">TOUTOU 玫瑰金包角合金铝框拉杆nfhdndnfds箱TOUTsfafa sdf OU 玫瑰金包角合金铝框拉杆箱</p>
                        <p style="text-align: center"><a href="">16s2228</a></p>
                        <p style="position: absolute;top:430px;">2ss2</p>
                    </div>
                    <div class="col-sm-4 list-tab" style="height: 450px">
                        <img src="image/product/s_big_1.jpg"  alt="" class="img-responsive" style="width: 250px;height: 300px">
                        <p style="white-space:normal;text-align: center">TOUTOU 玫瑰金包角合金铝框拉杆nfhdndnfds箱TOUTsfafa sdf OU 玫瑰金包角合金铝框拉杆箱</p>
                        <p><a href="">168</a></p>
                        <p>TOUTOU 玫瑰金包角合金铝saf角合金铝框拉杆箱</p>
                    </div>
                    <div class="col-sm-4 list-tab" style="height: 450px">
                        <img src="image/product/s_big_1.jpg"  alt="" class="img-responsive" style="width: 250px;height: 300px">
                        <p style="white-space:normal;text-align: center">TOUTOU 玫瑰金包角合金铝框拉杆nfhdndnfds箱TOUTsfafa sdf OU 玫瑰金包角合金铝框拉杆箱</p>
                        <p><a href="">168</a></p>
                        <p>TOUTOU 玫瑰金包角合金铝saf角合金铝框拉杆箱</p>
                    </div>
                    <div class="col-sm-4 list-tab" style="height: 450px">
                        <img src="image/product/s_big_1.jpg"  alt="" class="img-responsive" style="width: 250px;height: 300px">
                        <p style="white-space:normal;text-align: center">TOUTOU 玫瑰金包角合金铝框拉杆nfhdndnfds箱TOUTsfafa sdf OU 玫瑰金包角合金铝框拉杆箱</p>
                        <p><a href="">18</a></p>
                        <p>TOUTOU 玫瑰金包角合金铝saf角合金铝框拉杆箱</p>
                    </div>
                </div>
            </div>

        <%--尾部--%>
        <div class="row" style="color: black">
            <jsp:include page="front-after.jsp"></jsp:include>
        </div>

            <div class="col-md-1 column">
            </div>
    </div>





</div>
</body>
</html>
